<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>账号设置-嗨柚</title>
    <link rel="stylesheet" type="text/css" href="../../css/share/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/share/ui.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/share/setting.css"/>
</head>

<body>
<!-- header-->
<div class="header">
    <div class="header-content">
        <div class="headerWrapper fix">
            <div class="header-content-logo fl">
                <a href="../index.html"><img src="../../img/header/logo.png" alt="logo"/></a>
            </div>
            <div class="header-content-nav fr">
                <ul>
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="../about-us.html" >关于我们</a></li>
                    <li><a id="x-place-1">加载中</a></li>
                    <li><a id="x-place-2">加载中</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- /header -->
<div class="container-wrapper">
    <div class="container">
        <div class="box">
            <div class="box-header">
                <h1 class="title"><a class="text-theme h-c-theme" href="javascript:void(0)">账号设置</a></h1>
            </div>
            <div class="box-content fix">
                <ul class="menu fl">
                    <li><a href="javascript:void(0);">绑定手机</a></li>
                    <li><a href="javascript:void(0);">绑定邮箱</a></li>
                    <li><a href="javascript:void(0);">修改密码</a></li>
                </ul>
                <div class="right cell">
                    <div class="preview">
                        <div class="fix" id="panel-username">
                            <!--<h2 class="fl item-l">登录用户名</h2>-->
                            <!--<p class="fl item-m">123890@sdfa</p>-->
                            <!--<p class="act fl"><a href="javascript:void(0)">修改密码</a></p>-->
                        </div>
                        <div class="fix" id="panel-phone">
                            <!--<h2 class="fl item-l">绑定手机号</h2>-->
                            <!--<p class="fl item-m">123*****234</p>-->
                            <!--<p class="fl act"><a href="javascript:void(0)">绑定</a></p>-->
                        </div>
                        <div class="fix " id="panel-email">
                            <!--<h2 class="fl item-l">绑定邮箱</h2>-->
                            <!--<p class="fl item-m">123****@hiyouth.com</p>-->
                            <!--<p class="fl act"><a href="javascript:void(0)">绑定</a></p>-->
                        </div>
                    </div>
                    <div class="phone hide">
                        <div class="bind hide">
                            <div class="fix">
                                <h2 class="fl item-l">请输入手机号</h2>
                                <p class="fl item-m"><input type="text"  placeholder="手机号码" id="bind-phone"></p>
                                <p class="act fl"></p>
                            </div>
                            <div class="fix">
                                <h2 class="fl item-l"></h2>
                                <p class="fl item-m">
                                    <input type="text" id="verify-code-p" placeholder="请输入验证码" />
                                    <a href="javascript:void(0)" class="btn btn-primary" id="send-phone-code">发送验证码</a>
                                </p>
                                <p class="act fl"></p>
                            </div>
                            <br>
                            <div class="fix">
                                <h2 class="fl item-l"></h2>
                                <p class="fl item-m">
                                    <a href="javascript:void(0)" class="btn btn-primary" id="bind-phone-btn">绑定手机</a></p>
                                <p class="act fl"></p>
                            </div>
                        </div>
                        <div class="update">

                        </div>
                        <div class="unbind hide">
                            <div class="fix">
                                <h2 class="fl item-l">请输入手机号</h2>
                                <p class="fl item-m"><input type="text" placeholder="手机号码" id="unbind-phone"></p>
                                <p class="act fl"></p>
                            </div>
                            <br>
                            <div class="fix">
                                <h2 class="fl item-l"></h2>
                                <p class="fl item-m">
                                    <a href="javascript:void(0)" class="btn btn-primary">解绑手机</a></p>
                                <p class="act fl"></p>
                            </div>
                        </div>
                    </div>
                    <div class="email hide">
                        <div class="bind">
                            <div class="fix">
                                <h2 class="fl item-l">请输入邮箱账号</h2>
                                <p class="fl item-m"><input type="text" placeholder="abc@abc.com" id="bind-email"></p>
                            </div>
                            <div class="fix">
                                <h2 class="fl item-l"></h2>
                                <p class="fl item-m">
                                    <a href="javascript:void(0)" class="btn btn-primary" id="send-email-code">发送验证邮件</a>
                                </p>
                                <p class="act fl"></p>
                            </div>
                            <br>
                            <div class="fix">
                                <h2 class="fl item-l"></h2>
                                <p class="fl item-m">
                                    <input type="text" id="verify-email-p" placeholder="请输入验证码" />
                                    <a href="javascript:void(0)" class="btn btn-primary" id="js-bind-email">绑定邮箱</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="password hide">
                        <div class="fix">
                            <h2 class="fl item-l">请输入旧密码</h2>
                            <p class="fl item-m"><input type="password" id="old-password"></p>
                        </div>
                        <div class="fix">
                            <h2 class="fl item-l">请输新密码</h2>
                            <p class="fl item-m"><input type="password" id="new-password1"></p>
                        </div>
                        <div class="fix">
                            <h2 class="fl item-l">请再次确认密码</h2>
                            <p class="fl item-m"><input type="password" id="new-password2"></p>
                        </div>
                        <div class="fix error">
                            <h2 class="fl item-l"></h2>
                            <p class="fl item-m"><span class="error-info hide">*两次密码不一致</span></p>
                        </div>
                        <br>
                        <div class="fix">
                            <h2 class="fl item-l"></h2>
                            <p class="fl item-m"><a href="javascript:void(0)" class="btn btn-primary" id="js-change-pwd">确定修改密码</a></p>
                            <p class="act fl"></p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</div>
<!-- toolbor -->
<div class="toolbar">
    <a id="scrollTop" href="javascript:void(0);"></a>
</div>
<!-- /toolbor -->
<!-- footer-->
<div class="footer">
    <div class="footer-content">
        <div class="footerWrapper">
            <div class="footer-content-text ">
                <ul>
                    <li>
                        <h2>快速导航</h2>
                        <p><a href="javascript:void(0);">我是义工</a></p>
                        <p><a href="javascript:void(0);">我是商家</a></p>
                        <p><a href="javascript:void(0);">友情链接</a></p>
                    </li>
                    <li>
                        <h2>帮助中心</h2>
                        <p><a href="javascript:void(0);">常见问题</a></p>
                        <p><a href="javascript:void(0);">用户协议</a></p>
                    </li>
                    <li>
                        <h2>反馈</h2>
                        <p><a href="javascript:void(0);">意见建议</a></p>
                        <p><a href="javascript:void(0);">举报</a></p>
                    </li>
                </ul>
            </div>
            <div class="footer-content-conact">
                <ul>
                    <li class="hide">
                        <img src="../../img/footer/footer1.png" alt="微博图标"/>
                        <p>嗨柚旅行微博</p>
                        <a href="http://weibo.com/hiyouther" title="点击关注我们的微博"><img src="../../img/footer/footer2.png"
                                                                                    alt="微博图标"/></a>
                    </li>
                    <li>
                        <img class="erweima" src="../../img/footer/8cmerweima.jpg" alt="微信公众号二维码"/>
                        <p>嗨柚微信公众号</p>
                        <p>hiyouthtour</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <p>Copyright&copy;2015-2016 hiyouther.com All Rights Reserved</p>
        <p><a href="http://www.miitbeian.gov.cn" title="http://www.miitbeian.gov.cn">渝ICP备16003213号-1</a></p>
    </div>
</div>
<!-- /footer -->
<script src="../../js/lib/require.js"></script>
<script type="text/javascript" rel="script">
    require.config({
        baseUrl: "../../js",
        paths: {
            jquery: 'lib/jq',
            domReady: 'lib/require.domready'
        }
    });
    require(['domReady', 'page/setting'], function (domReady, setting) {
        domReady(function () {
            setting.init()
        });
    });
</script>

</body>

</html>
